<template>
  <div class="resources_bg">
    <!-- 上方图片 -->
    <el-image :src='url' :fit='fit'></el-image>
    <!-- 面包屑 -->
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item ><a href="/">首页</a></el-breadcrumb-item>
      <el-breadcrumb-item>招生简章</el-breadcrumb-item>
    </el-breadcrumb>
    <!-- 分割线 -->
    <el-divider ></el-divider>

    <e-form :model='tableData'  >
      	<el-form-item label="标题" prop="title">
          <el-input v-model="tableData.title"></el-input>
        </el-form-item>
        <el-form-item label="标题" prop="introduce">
          <el-input v-model="tableData.introduce"></el-input>
        </el-form-item>
        <el-form-item label="标题" prop="start_time">
          <el-input v-model="tableData.start_time"></el-input>
        </el-form-item>
        <el-form-item label="标题" prop="end_time">
          <el-input v-model="tableData.end_time"></el-input>
        </el-form-item>
        <el-form-item label="标题" prop="classesId">
          <el-input v-model="tableData.classesId"></el-input>
        </el-form-item>
     </e-form>
    </div>

</template>

<script>
  import nameImg from '@/assets/workBG.jpg'
  import resources01 from '@/assets/resources01.gif'
  import resources02 from '@/assets/resources02.gif'
  import resources03 from '@/assets/resources03.gif'
  export default {
    data() {
      return {
        fit: 'fill',
        url: nameImg,
        total: 10,
        tableData: []
      }
    },
    created() {
    this.gettableData()
  },
   methods: {
  	async gettableData() {
     const { data: res } = await this.$http.get('rsgr/'+ 1)

        if (res.code !== 200) {
            return this.$message.error('获取招生简章列表失败！')
        }
        this.tableData = res.data
        console.log(this.tableData)
    },
  },
  }
</script>

<style>

  .resources_bg {
    height: 1500px;
    width: 100%;
/*    background: url(../../assets/bg1.jpg) no-repeat;
    background-size: 100% 1000px; */
  }

  .resources_bg .el-image {
    width: 100%;
    height: 37%;
    max-height: 370px;
    margin-top: 0%;
    margin-left: 0%;

  }
  .resources_bg .el-breadcrumb{
    margin: 30px 15%;
    font-size: 14px;
  }
  .resources_bg .el-divider {

    background: rgb(20,94,11);
    width: 88%;
    margin-left: 6%;

  }

  .resources_bg .news{
    height: 20%;
    width: 80%;
    margin-left: 13%;
    /* background: #409EFF; */
  }
  .resources_bg .news .el-image{
    height: 90%;
    width: 35%;
    margin: 1.2% 2%;
  }
  .resources_bg .news .new_info{
    height: 90%;
    width: 55%;
    margin-top: -20%;
    margin-left: 40%;
    /* background: #8F8F8F; */

  }
</style>
